<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<html>
<head>
<base href="<%=basePath%>">
<title>只读文件列表</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="${base}/css/bootstrap.css">
<link href="${base}/css/font-awesome.css?v=4.4.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="${base}/css/plugins/sweetalert/sweetalert.css"
	rel="stylesheet">
<link href="${base}/css/animate.css" rel="stylesheet">

<script type="text/javascript" src="${base}/js/jquery-3.1.0.js"></script>
<script type="text/javascript" src="${base}/js/bootstrap.js"></script>
<script src="${base}/js/content.js?v=1.0.0"></script>
<!-- Sweet alert -->
<script src="${base}/js/plugins/sweetalert/sweetalert.min.js"></script>
</head>

<body>
	<div class="container">
		<jsp:include page="${path}/menu.jsp"></jsp:include>
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span12">
				<input type="button" class="btn btn-primary"  style="width: 200px" value="端到端项目">

					<table class="table">
						<thead>
							<tr class="tr">
								<th>姓名</th>

								<th>移除</th>
							</tr>
						</thead>
						<tbody>
							<%-- 	<c:forEach items="${projects}" var="project">

								<tr class="tr">
									<td><a href="#">${project.projectName}</a></td>
									<td>${project.projectManager}</td>
									<td><a href="${base}/excel/read?filename=${filename}">
											<button type="button" class="btn btn-primary">添加项目组成员</button>
									</a></td>
									<td><a href="${base}/excel/read?filename=${filename}">
											<button type="button" class="btn btn-primary">delete</button>
									</a></td>
								</tr>
							</c:forEach> --%>
							<tr>
								<td>张三</td>
								<td><button class="btn btn-danger btn-sm delete">delete</button></td>
							</tr>
							<tr>
								<td>李四</td>
								<td><button type="button"
										class="btn btn-danger btn-sm delete">delete</button></td>
							</tr>
							<tr>
								<td>王五</td>
								<td><button type="button"
										class="btn btn-danger btn-sm delete">delete</button></td>
							</tr>
						</tbody>
					</table>
					<div>
						<input type="button" class="btn btn-success" data-toggle="modal"
							data-target="#myModal" value="添加成员">
					</div>
					<div class="modal inmodal" id="myModal" tabindex="-1" role="dialog"
						aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content animated bounceInRight">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal">
										<span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
									</button>

									<h4 class="modal-title">添加成员</h4>

								</div>
								<div class="modal-body">
									<div class="form-group">
										<label for="defVal" class="col-sm-2 control-label">默认值</label>
										<div class="col-sm-3">
											<input type="text" class="form-control" name="defVal"
												id="defVal">
										</div>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-white"
										data-dismiss="modal">关闭</button>
									<button type="button" class="btn btn-primary">添加</button>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
	</div>
</body>
<script type="text/javascript">
	$('.delete').click(function() {
		swal({
			title : "您确定要删除该成员吗",
			text : "删除后将无法恢复，请谨慎操作！",
			type : "warning",
			showCancelButton : true,
			confirmButtonColor : "#DD6B55",
			confirmButtonText : "删除",
			closeOnConfirm : false
		}, function() {

			swal("删除成功！", "您已经删除了该成员。", "success");

		});
	});

	$(".tr").bind("mouseover", function() {
		$(this).css("background-color", "#eeeeee");
	})
	$(".tr").bind("mouseout", function() {
		$(this).css("background-color", "#ffffff");
	})
</script>
</html>


